// @flow

import React from "react";

const Facebook = ({ size, color = "currentColor" }: { size: number, color?: string }) => (
  <svg height={size} width={size} viewBox="0 0 24 25">
    <path
      fill={color}
      d="M18.5312 4.0625H5.46875C4.4668 4.0625 3.6875 4.87891 3.6875 5.84375V18.9062C3.6875 19.9082 4.4668 20.6875 5.46875 20.6875H10.5527V15.0469H8.21484V12.375H10.5527V10.3711C10.5527 8.07031 11.9258 6.77148 14.0039 6.77148C15.043 6.77148 16.082 6.95703 16.082 6.95703V9.2207H14.9316C13.7812 9.2207 13.4102 9.92578 13.4102 10.668V12.375H15.9707L15.5625 15.0469H13.4102V20.6875H18.5312C19.4961 20.6875 20.3125 19.9082 20.3125 18.9062V5.84375C20.3125 4.87891 19.4961 4.0625 18.5312 4.0625Z"
    />
  </svg>
);

export default Facebook;
